.wrap {
  .dateTimeWrap {
    .timeWrap {
      display: flex;
      justify-content: space-between;
      margin-top: 24rpx;

      .iconLeftArrow {
        width: 48rpx;
        height: 48rpx;
        vertical-align: middle;
      }

      .iconRightArrow {
        width: 48rpx;
        height: 48rpx;
        transform: rotate(180deg);
        vertical-align: middle;
      }
    }

    .dateWrap {
      margin-top: 24rpx;
      display: flex;
      text-align: center;
      background-color: #f2f2f2;
      border-radius: 16rpx;
      padding: 8rpx;
      gap: 16rpx;

      .unit {
        flex: 1;
        border-radius: 12rpx;
        font-size: 24rpx;
        font-weight: 500;
        height: 48rpx;
        line-height: 48rpx;
        color: rgba(0, 0, 0, 0.5);

        &.active {
          background-color: #fff;
          color: #000;
        }
      }
    }
  }

  .checkbox {
    width: 40rpx;
    height: 40rpx;
    background-image: url(/images/alarm/icon_unchecked.png);
    background-size: 100% 100%;
    display: inline-block;
    margin-top: 42rpx;
    margin-right: 16rpx;
    vertical-align: bottom;

    &.checked {
      background-image: url(/images/alarm/icon_checked.png);
    }
  }

  .cardWrap {
    margin-top: 36rpx;
    height: calc(100vh - 460rpx);
    overflow-y: auto;

    .card {
      padding: 32rpx;
      margin-bottom: 24rpx;

      .alarmIcon {
        width: 56rpx;
        height: 56rpx;
        vertical-align: middle;
      }

      .releaseWrap {
        border-radius: 28rpx;
        background: rgba(63, 210, 103, 0.1);
        height: 60rpx;
        line-height: 60rpx;
        font-size: 24rpx;
        padding: 0 24rpx;
        color: #3fd267;

        .successIcon {
          height: 20rpx;
          width: 20rpx;
          vertical-align: middle;
          display: inline-block;
          margin-right: 8rpx;
        }
      }
    }
  }

  .font1 {
    font-family: PingFang SC;
    font-size: 24rpx;
    color: rgba(0, 0, 0, 0.5);
  }

  .font2 {
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 500;
  }

  .font3 {
    font-family: SF Pro Display;
    font-size: 28rpx;
  }

  .font4 {
    font-family: PingFang SC;
    font-size: 32rpx;
    font-weight: 600;
  }

  .mt6 {
    margin-top: 12rpx;
  }

  .mt10 {
    margin-top: 20rpx;
  }

  .ml22 {
    margin-left: 44rpx;
  }

  .ml12 {
    margin-left: 24rpx;
  }
}
